<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>确认订单</title>
		<link rel="stylesheet" type="text/css" href="/css/base.css" />
		<link rel="stylesheet" type="text/css" href="/css/confirm_order.css" />
		<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/confirm_order.js" type="text/javascript" charset="utf-8"></script>		
		<script src="/js/search.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="container">
			<!--设置整个页面居中，需要设定margin并且需要设定width宽度-->
			<!--开头-->
			<!--应用网页模板-->
			<% include ../template/header.html %>				
			<!--新版导航结束-->
			<!--导航结束-->
			<!--内容开始-->
			<div id="content">
				<!--订单步骤-->
				<div class="cart_steps">
					<table>
						<tr>
							<td class="step_item">
								<p>1</p>
								<span>我的购物车</span>
							</td>
							<td class="step_item active">
								<p>2</p>
								<span>填写和提交订单信息</span></td>
							<td class="step_item">
								<p>3</p>
								<span>成功提交订单</span></td>
						</tr>
					</table>
				</div>
				<!--选择收货地址-->
				<div class="address_panel">
					<!--标题-->
					<div class="adrs_title">
						<h3>选择收货地址</h3>
					</div>
					<!--选择地址-->
					<div class="adrs_list">
						<ul class="clearfix">
							<%for(i=0;i<addresslist.length;i++){%>
							<li>
								<%if(addresslist[i].isDefault==1){%>
								<div class="adrs_list_item selected">								
								<%}else{%>
								<div class="adrs_list_item">
								<%}%>
									<div class="title">
										<input type="text" class="hidden" name="adrs_id" id="adrs_id" value="<%=addresslist[i].address_Id%>" />
										<%=addresslist[i].address_city%> (<span class="p_name"><%=addresslist[i].customer_name%></span> 收)
									</div>
									<div class="adrs_detail">
										<span class="p_address"><%=addresslist[i].address_details%></span><span class="p_tel"><%=addresslist[i].mobilephone%></span>
									</div>
								</div>
							</li>
							<%}%>							
						</ul>
					</div>
				</div>
				<!--确认订单信息-->
				<div class="confirm_order_panel">
					<div class="confirm_order_title">
						<h3>确认订单信息</h3>
					</div>
					<!--已经确定下单的商品-->
					<div class="order_main">
						<!--购物车标题-->
						<table id="order_tab">
							<thead>
								<tr>									
									<th colspan="2">商品</th>
									<th>销售价</th>
									<th>数量</th>
									<th>优惠金额</th>									
									<th>小计</th>									
								</tr>
							</thead>
							<tbody>
							<input type="text" class="hidden" name="cartPdlist" id="cartPdlist" value="<%=checkIdList%>" />
							<input type="text" class="hidden" name="cartPdNum" id="cartPdNum" value="<%=cartPdNum%>" />
						    <%for(i=0;i<productlist.length;i++){%>
							<tr id="good_1" class="cart_product">								
								<td>									
									<a href="/product/<%=productlist[i].product_Id%>"><img src="<%=productlist[i].product_img%>" /></a>
								</td>
								<td class="p-info">
									<div>
										<a href="/product/<%=productlist[i].product_Id%>"><%=productlist[i].product_name%></a>
									</div>
									<div>
										配送限定： 船运 自营转运（包税）
									</div>
								</td>
								<td class="p-price">￥<%=productlist[i].new_price%></td>
								<td class="p-quantity">
									<%=cartPdNum[i]%>
								</td>
								<td class="p-discount">￥<%=productlist[i].product_favourable%></td>								
								<td class="p-subtotal">￥192.00</td>								
							</tr>
							<%}%>							
							</tbody>
							<tfoot>
								<tr>
									<td colspan="6">
										<div class="tfoot_order clearfix">
											<div class="fl tfoot_order_left_panel">
												<!--勾选发票-->
												<div class="check_fp">
													<input type="checkbox" name="check_invoices" id="check_invoices" value="1" /> 开具发票
												</div>
												<!--给卖家留言-->
												<div class="words">
													<label>给卖家留言:</label>
													<textarea name='customer_message' class="p_mit" type="text" rows="1"  placeholder="选填:对本次交易的说明(建议填写已与卖家协商一致的内容)"></textarea>
												</div>
											</div>
											<div class="fl tfoot_order_right_panel">
												<span class="message">
													运送方式:普通配送快递<span class="p_express">￥<%=order_expressfee%></span>
												</span>													
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td colspan="6">
										<div class="tfoot_order_sum">
											<span class="order_sum">
												店铺合计(含运费)<b class="price_sum">￥42.00</b> 
											</span>											
										</div>
									</td>
								</tr>
								<tr>									
									<!-- 订单价格 -->
									<td colspan="6">
										<div class="confirm_order_btn_panel clearfix">
											<div class="confirm_adrs_panel fr">
												<!--确认地址-->
												<div class="confirm_adrs">
													<span class="confirm_real_price">
														实付款：<b class="r_price">￥27.95</b>
													</span>
													<span class="confirm_rel_address">
														<b>寄送至：</b>天津市东丽区万新街道津滨大道ZZ园XX号楼X门XXX
													</span>
													<span class="confirm_rel_posion">
														<b>收货人：</b>张XX 18866666666
													</span>
												</div>
												<!--确认按钮-->
												<div class="confirm_order_btn clearfix">
													<!--左边链接右边按钮-->
													<div class="fl">
														<a class="return_link" href="/cart"><i class="fa fa-reply"></i>  返回购物车</a>
													</div>													
													<div class="fl">
														<button type="button" class="confirm_btn">提交订单</button>
														<!--<a class="confirm_btn" href="#">提交订单</a>-->
													</div>													
												</div>
											</div>
										</div>
									</td>
								</tr>
								
							</tfoot>
						</table>
					</div>
				</div>
				<!--浏览过-->
				<div class="view_history">

				</div>
			</div>
			<!--内容结束-->
			<!--footer开始-->
			<% include ../template/footer.html %>				
			<!--footer结束-->
		</div>
	</body>

</html>
